import React from 'react';
import styles from './index.module.scss';
import {withResizeDetector} from 'react-resize-detector';

interface IProps {
  width: number;
  height: number;
  uuid: string;
  targetRef: React.Ref<any>;
  option: Object;
}

/**
 * 大屏展示组件
 * @param width
 * @param height
 * @param uuid
 * @param targetRef
 * @param option
 * @param props
 * @constructor
 */
const ResizeContainer = ({width, height, uuid, targetRef, option, ...props}: IProps) => {
  return <div className={styles.dv_wrapper} ref={targetRef}>
    DvShow
  </div>
}

export default withResizeDetector(ResizeContainer, {
  refreshMode: 'debounce', // 使用防抖
  refreshRate: 300, // 更新频率
});
